<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /* 
        作用域： 产生作用的区域
            作用： 变量命名冲突。
        Js的作用域：
             全局作用域： 在整个 script 标签内部可用。
             局部作用域： 在函数内部
        变量的作用域：
             全局变量： 在全局作用域下，声明的变量。
             局部变量： 在函数内部声明的变量，在函数内部可用。
        局部作用域可以使用全局变量，函数外部不能使用函数内部声明的变量。
        形参只声明未赋值的局部变量。
        函数内部： 未声明，直接赋值的变量，是全局变量，不推荐。
        */
        let car = "宝马";
        function play(ball) {
            // let ball;
            // ball = "篮球";
            phone = "小米";
            let money = 100;
            console.log(car);
            console.log(ball);
        }
        play("篮球");

        console.log(phone);

    // console.log(money);
    // console.log(ball);
    </script>
</body>

</html>